
//混入模块
@mixin container-border {
  border: 2px solid #aaa;
  border-radius: 2px;
}

@mixin container-bg {
  background: #eeeeee;
}
@mixin flex {
  display: flex;
  align-items: center;
}
@mixin flex-bt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@mixin flex-ad {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

@mixin color-blue {
  color: #1989FA;
}

@mixin default-avatar($size: 32px, $borderColor: #aaa) {
  width: $size;
  height: $size;
  border-radius: 50%;
  border: 1px solid $borderColor;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}

@mixin main-content {
  padding:20px 30px;
  margin: 20px 20px 80px 20px;
  border-radius: 20px;
  background-color: $main-content-bgc;
}